<div class="login" [hidden]="jumpFlag">
  <div class="login-bg">
    <div class="login-card">
      <div class="alert-conainer" [hidden]="!tips.hiddenFlag">
          <nz-alert nzType="{{tips.type}}" nzMessage="{{tips.msg}}" nzShowIcon></nz-alert>
      </div>
      <div class="login-card-head">
        <div class="head-text">
            <h1>案 件 管 理 平 台</h1>
            <h3>AN JIAN GUAN LI PING TAI</h3>
        </div>
      </div>
      <div class="login-card-body">
        <h1>{{title}}</h1>
        <form class="login-form">
          <div class="form-item">
              <!-- <label class="form-item-label"></label> -->
            <input [(ngModel)]="user.userName" class="form-item-input" name="userName" [ngModelOptions]="{standalone: true}" type="text" placeholder="请输入用户名">
            <span [hidden]="!user.userName" class="icon" (click)="clear('userName')">×</span>
          </div>
          <div class="form-item">
              <!-- <label class="form-item-label"></label> -->
            <input [(ngModel)]="user.password" class="form-item-input" name="password" [ngModelOptions]="{standalone: true}" type="password" placeholder="请输入密码">
            <span [hidden]="!user.password" class="icon" (click)="clear('password')">×</span>
          </div>
          <div class="form-item" style="margin-top: 30px;">
            <label class="form-item-label"></label>
            <input [(ngModel)] = "user.verificationCode" class="form-item-input authcode" name="verificationCode" [ngModelOptions]="{standalone: true}" type="text" placeholder="请输入验证码/点击图片刷新">
            <div class="authcode-img-container" (click)="flushCard()" title="点击图片刷新">
              <ng-container *ngIf="url; else elseTemplate">
                  <img [hidden]="!url" src="{{url}}" alt="" *ngIf="url; else elseTemplate">
              </ng-container>
              <ng-template #elseTemplate>
                  <i #elseTemplate nz-icon [nzType]="'loading'"></i>
              </ng-template>
            </div>
          </div>
        </form>
        <div class="submit-btn-container">
          <button class="submit-btn" (click)="checkCaptcha()" [disabled]="loginFlag">
            <i style="padding: 0 20px;" nz-icon [nzType]="'loading'" [hidden]="!loginFlag"></i>
            <span>{{loginText}}</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
